<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../lib/html5.js"></script>
    <script type="text/javascript" src="../lib/respond.min.js"></script>
    <script type="text/javascript" src="../lib/PIE-2.0beta1/PIE_IE678.js"></script>
    <![endif]-->
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="../lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
    <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="../http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>角色</title>
</head>
<body>
<div class="pd-20">
    <form action="" method="post" class="form form-horizontal" id="form-role-au" v-cloak>
        <div class="row cl">
            <label class="form-label col-2"><span class="c-red">*</span>角色名称：</label>
            <div class="formControls col-10">
                <input type="text" class="input-text"  v-model="roleInfo.roleName" datatype="*4-16" nullmsg="用户账户不能为空">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-2">权限：</label>
            <div class="formControls col-10">
                <dl class="permission-list" v-for="(item,index) in privilegeList ">
                    <dt>
                        <img src="../images/sort_desc.png" style="float: right;" class="c3"/>
                        <label>
                            <input type="checkbox" @click="cb_nofun"  class="functionCodeList" :value="item.functionCode" :checked="functionCodeMap[item.functionCode]?'checked':false">
                            {{item.functionName}}
                        </label>
                    </dt>
                    <dd class="c4">
                        <dl class="cl permission-list2"  v-for="(item1,index1) in item.childList">
                    <dt>
                        <label class="">
                            <input type="checkbox" @click="cb_nofun" class="functionCodeList" :value="item1.functionCode" :checked="functionCodeMap[item1.functionCode]?'checked':false">
                            {{item1.functionName}}
                        </label>
                    </dt>
                    <dd>
                        <label v-for="(item2,index2) in item1.childList">
                            <input type="checkbox" @click="cb_fun" class="functionCodeList" :value="item2.functionCode" v-if="functionCodeMap" :checked="functionCodeMap[item2.functionCode]?'checked':false">
                            <input type="checkbox" @click="cb_fun" class="functionCodeList" :value="item2.functionCode" v-else>
                            <span>{{item2.functionName|funFilter}}</span>
                        </label>
                    </dd>
                </dl>

                </dd>
                </dl>
            </div>
        </div>
        <div class="row cl">
            <div class="col-9 col-offset-3">
                <input v-if="action" class="btn btn-primary radius" type="button" @click="update" value="更新">
                <input v-else class="btn btn-primary radius" type="button" @click="save" value="提交">
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/util.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/admin-role-add-update.js"></script>

</body>
</html>